// components/modern-button/modern-button.js
Component({
  properties: {
    // 按钮类型: primary, success, warning, danger, info, outline, ghost
    type: {
      type: String,
      value: 'primary'
    },
    // 按钮大小: mini, small, medium, large
    size: {
      type: String,
      value: 'medium'
    },
    // 是否禁用
    disabled: {
      type: Boolean,
      value: false
    },
    // 是否加载中
    loading: {
      type: Boolean,
      value: false
    },
    // 加载中文本
    loadingText: {
      type: String,
      value: ''
    },
    // 按钮文本
    text: {
      type: String,
      value: '按钮'
    },
    // 按钮图标
    icon: {
      type: String,
      value: ''
    },
    // 是否为圆形按钮
    circle: {
      type: Boolean,
      value: false
    },
    // 按钮形状: default, round
    shape: {
      type: String,
      value: 'default'
    },
    // 是否为块级按钮
    block: {
      type: Boolean,
      value: false
    },
    // 自定义类名
    className: {
      type: String,
      value: ''
    },
    // 表单提交类型
    formType: {
      type: String,
      value: ''
    },
    // 开放能力
    openType: {
      type: String,
      value: ''
    }
  },
  
  methods: {
    handleTap() {
      if (!this.data.disabled && !this.data.loading) {
        this.triggerEvent('tap');
      }
    }
  }
}) 